// 子模块样式
.sub-container2 {
  width: 100%;
  height: 100%;
  position: relative;
  background-color: #000;

  .cesium-footer {
    height: 30px;
    width: 100%;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    transition: height 0.3s ease;
    &.collapse {
      height: 0px;
    }

    .tools {
      height: 30px;
      width: 100%;
      background-color: rgba(16, 26, 45, 0.39);
      color: white;
      display: flex;
      align-items: center;
      span {
        padding: 0 20px;
      }
    }
  }
}

.sub-header2 {
  position: absolute;
  z-index: 99;
  width: 100%;
  height: 60px;
  padding: 0 15px;
  color: #fff;
  display: flex;
  justify-content: space-between;
  // 背景透明
  background-color: transparent;

  .toolbar {
    display: flex;
    align-items: center;
    flex-direction: row;
  }

  .item {
    padding: 2px 5px;
    &.btn {
      cursor: pointer;
    }
    &.btn:hover {
      color: grey;
    }
    &.fun-btn {
      font-size: 12px;
      padding: 4px 10px;
      background: #303640;
      border: 1px solid #2c3649;
      // box-shadow: inset 0 0 0 1px rgb(255 235 235 / 10%), 0 0 0 1px #2c3649;
      cursor: pointer;
      border-radius: 2px;
      &.active {
        color: #267dff;
        border-color: #267dff;
        background-color: rgba(51, 119, 255, 0.18);
      }
    }
  }
}
